<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css"/>
		
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/myCustomer.css"/>
		<link rel="stylesheet" type="text/css" href="index.css" />
	
		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="orderReportListApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					平台 - - 数据统计
				</div>
				<hr class="hr-style" />
				<div class="orderReport-header">
					<div >
						销售总额：<span>{{form.totalAmount}}</span>
					</div>
					<div >
						订单总数：<span>{{form.ordersTotal}}</span>
					</div>
					<div >
						会员总数：<span>{{form.userNumber}}</span>
					</div>
				</div>
				<div class="my_height_20">
					<hr class="hr-style" />
				</div>
				<div class="orderReport-searchData">
				<el-row type="flex" align="middle" >
					<el-col :span="4">
						<span class="headTitle">起止日期:</span>
					</el-col>
					<el-col :span ="16" >
						<el-date-picker
						     v-model="dateValues"
							 value-format="yyyy-MM-dd"
						     type="daterange"
						     range-separator="至"
						     start-placeholder="开始日期"
						     end-placeholder="结束日期">
						   </el-date-picker>
					</el-col>
					<el-col :span="4">
						<div class="my_left-10">
							<el-button  @click="searchBtn"> 查询</el-button>
						</div>
						
					</el-col>
				</el-row>
				</div>
				<div class="my_height_20">
					<div id="main" style="width: 600px;height:400px;">
					
					</div>
				</div>
				
				<div class="my_height_20">
					<div id="sellMain" style="width: 600px;height:400px;">
					
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
